<template>


    <div class="swiper-container" >
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../../../src/assets/img/timg.jpg" alt=""></div>
        <div class="swiper-slide"><img src="../../../src/assets/img/timg.jpg" alt=""></div>

      </div>

    </div>

</template>

<script>
    export default {
        name: "Swiper",
      data(){
          return{

          }
      },
      methods:{

      },
      mounted(){

        var mySwiper = new Swiper('.swiper-container',{
          mode:'vertical',

          autoplay: 1000,
          loop:true,
          // grabCursor:true,
          // autoplayDisableOnInteraction:false,
          // mousewheelControl:true,
          // autoHeight:true,
          speed:1000,


        });
      }
    }
</script>

<style scoped>
      .swiper-wrapper{
        flex-wrap: wrap;
      }
      .swiper-container{
        height: 5rem !important;
      }
      .swiper-slide{
        height: 100% !important;
      }
    img{

      width: 5rem;
      height: 100%;
    }

</style>
